<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">

	<HEAD>
		<TITLE>简道</TITLE>
		<META content="text/html; charset=utf-8" http-equiv=Content-Type>
		<META name=keywords content="">
		<META name=description content="">
		<META content="" http-equiv=expires>
		<LINK rel=stylesheet type=text/css href="css/jd_info.css">
		<META name=GENERATOR content="MSHTML 8.00.6001.23569">
        <!--[if lt IE 9]>
        <script src="js/css3-mediaqueries.js"></script>
        <script src="js/html5_tag.js"></script>
        <![endif]-->
	</HEAD>

	<body>
		<!--页面部分-->
		<div class="jd-all-div">
			<div class="jd_all_box">
				<div class="jd_info_header"><span>达云网络科技有限公司</span><div class="jd_info_img"><img src="images/img02.jpg"></div></div>
				<div class="jd_info_content">
					<div class="jd_info_left">
						<span>个人</span>
						<ul class="jd_info_ul" id="tabs1">
							<li onclick="selectTag('info_div1',this)"><em class="jd_info_n1"></em>个人资料</li>
							<li onclick="selectTag('info_div2',this)"><em class="jd_info_n2"></em>修改密码</li>
						</ul>
						<span>团队</span>
						<ul class="jd_info_ul" id="tabs2">
							<li class="select_li" onclick="selectTag('info_div3',this)"><em class="jd_info_n3"></em>团队信息</li>
							<li onclick="selectTag('info_div4',this)"><em class="jd_info_n4"></em>团队同事</li>
						</ul>
						<!-- <span>扩展服务</span>
						<ul class="jd_info_ul" id="tabs3">
							<li onclick="selectTag('info_div5',this)"><em class="jd_info_n5"></em>所有扩展</li>
							<li onclick="selectTag('info_div6',this)"><em class="jd_info_n6"></em>授权管理</li>
						</ul> -->
					</div>
					<!-- 个人资料开始 -->
					<div class="jd_info_right" style="display:none;" id="info_div1">
						<div class="jd_info_rspan"><span>个人资料</span></div>
						<ul class="jd_info_per">
							<li><dl><dt><span class="w2">头像</span></dt><dt class="jd_info_per1"><div class="jd_info_tx" style="background:url(images/img02.jpg);"><input type="file" accept="image/*" id="fileInput"></div><em class="info_x"></em></dt></dl></li>
							<li><dl><dt><span class="w4">手机号码</span></dt><dt class="jd_info_per1"><span class="jd_info_phone">15755357306</span><span class="jd_info_change" style="width:30px;">修改</span></dt></dl></li>
							<li id="jd_info_change1"><dl><dt><span class="w2">&nbsp</span></dt><dt class="jd_info_per1"><input type="text" style="width:200px;" value="" placeholder="输入新的手机号"/><input type="button" id="jd_btn" value="获取验证码" onclick="settime(this)" disabled="true"></dt></dl></li>
							<li id="jd_info_change2"><dl><dt><span class="w2">&nbsp</span></dt><dt class="jd_info_per1"><input type="text" value="" placeholder="输入验证码"/></dt></dl></li>
							<li><dl><dt><span class="w2">姓名</span></dt><dt class="jd_info_per1"><input type="text" value="王涛" /></dt></dl></li>
							<li><dl><dt><span class="w2">职位</span></dt><dt class="jd_info_per1"><input type="text" value="php开发" /></dt></dl></li>
							<li><dl><dt><span class="w2">邮箱</span></dt><dt class="jd_info_per1"><input type="text" value="jim@daryun.com" /></dt></dl></li>
						</ul>
						<div class="jd_info_rinput"><input type="button" value="保存修改" /></div>
					</div>
					<!-- 个人资料结束 -->
					<!-- 修改密码开始 -->

					<div class="jd_info_right" style="display:none;" id="info_div2">
						<div class="jd_info_rspan"><span>修改密码</span></div>
						<div class="jd_info_rnav">
								<ul id="info_psw_nav">
									<li class="select_psw_rnav" onclick="selectPsw('info_list_psw1',this)"><span class="jd_info_rnav1">通过原始密码修改</span></li>
									<li onclick="selectPsw('info_list_psw2',this)"><span class="jd_info_rnav1">通过手机验证码修改</span></li>
								</ul>
								
						</div>
						<div id="info_list_psw1">
						<ul class="jd_info_per">
							<li><dl><dt><span class="w4">原始密码</span></dt><dt class="jd_info_per1"><input type="password" value="" placeholder="6-12个字符，必须包含数字和字母"/></dt></dl></li>
							<li><dl><dt><span class="w3">新密码</span></dt><dt class="jd_info_per1"><input type="password" value="" placeholder="6-12个字符，必须包含数字和字母"/></dt></dl></li>
							<li><dl><dt><span class="w4">确认密码</span></dt><dt class="jd_info_per1"><input type="password" value="" placeholder="6-12个字符，必须包含数字和字母"/></dt></dl></li>
						</ul>
						<div class="jd_info_rinput"><input type="button" value="保存修改" /></div>
						</div>
						<div id="info_list_psw2" style="display:none;">
						<ul class="jd_info_per">
							<li><dl><dt><span class="w4">手机号码</span></dt><dt class="jd_info_per1"><input type="text" style="width:200px;" value="" placeholder="输入您的手机号"/><input type="button" id="jd_btn" value="获取验证码" onclick="settime(this)" disabled="true"></dt></dl></li>
							<li><dl><dt><span class="w3">验证码</span></dt><dt class="jd_info_per1"><input type="password" value="" placeholder="输入验证码"/></dt></dl></li>
							<li><dl><dt><span class="w3">新密码</span></dt><dt class="jd_info_per1"><input type="password" value="" placeholder="6-12个字符，必须包含数字和字母"/></dt></dl></li>
							<li><dl><dt><span class="w4">确认密码</span></dt><dt class="jd_info_per1"><input type="password" value="" placeholder="6-12个字符，必须包含数字和字母"/></dt></dl></li>
						</ul>
						<div class="jd_info_rinput"><input type="button" value="保存修改" /></div>
						</div>
						<!-- <div class="jd_info_rinput"><input type="button" value="保存修改" /></div> -->
					</div>

					<!-- 修改密码结束 -->

					<!-- 团队信息开始 -->
					<div class="jd_info_right" id="info_div3">
						<div class="jd_info_rspan"><span>团队信息</span></div>
						<ul class="jd_info_per">
							<li><dl><dt><span class="w4">团队名称</span></dt><dt class="jd_info_per1"><input type="text" value="达云网络" /></dt></dl></li>
							<li><dl><dt><span class="w4">团队口号</span></dt><dt class="jd_info_per1"><textarea class="jd_info_kh" value="风云际会，达者为先" placeholder="请输入您的团队口号" maxlength="50"></textarea></dt></dl></li>
							<li><dl><dt><span class="w2">成员</span></dt><dt class="jd_info_per1" style="text-align:left;"><span>8</span></dt></dl></li>
							<li><dl><dt><span class="w3">讨论组</span></dt><dt class="jd_info_per1" style="text-align:left;"><span>3</span></dt></dl></li>
							<li><dl><dt><span class="w3">创建者</span></dt><dt class="jd_info_per1" style="text-align:left;"><span>jason</span></dt></dl></li>
							<li><dl><dt><span class="w4">创建时间</span></dt><dt class="jd_info_per1" style="text-align:left;"><span style="width:140px;">2015-10-07 09:32</span></dt></dl></li>
							
						</ul>
						<div class="jd_info_rinput"><input type="button" value="保存修改" /></div>
					</div>
					<!-- 团队信息结束 -->

					<!-- 团队同事开始 -->

					<div class="jd_info_right" style="display:none;" id="info_div4">
						<!--邀请同事开始-->
							<div id="Idiv" class="invite_fir_div">
								<div class="invite_title"><span>邀请同事</span> <input type="button" class="invite_close" value="" onclick="closeDiv();" /></div>
   								<div class="invite_content">
   									<span>手机号码</span>
   									<textarea cols="46" rows="13" placeholder="请输入要添加同事的手机号码（一行一个）"></textarea>
   								</div>
   								<input type="button" value="立即邀请" class="invite_now" />
							</div>
						<!--结束-->
						<div class="jd_info_rspan">
							<span>团队同事</span>
							<div class="jd_info_sdiv"><i class="jd_info_sicon"></i><input type="search" value="" placeholder="请输入关键字" class="jd_info_search" /></div>
						</div>
						<div>
							<div class="jd_info_rnav">
								<ul id="info_nav">
									<li class="select_rnav" onclick="selectMore('info_list1',this)"><span class="jd_info_rnav1">同事<em>（8）</em></span></li>
									<li onclick="selectMore('info_list2',this)"><span class="jd_info_rnav1">已删除<em>（2）</em></span></li>
								</ul>
								<div class="jd_info_ryq" onclick="showDiv();"><em class="jd_info_ryicon"></em><span>邀请同事</span></div>
							</div>
							<div class="jd_info_rlist" id="info_list1">
								<ul>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span><span style="color:#55a9ed;float:right;margin-right:20px;">创建人</span></dt>
											<dt style="width:10%;"><i class="jd_info_rmore"></i><div class="jd_more_div"><ul><li><span>查看信息</span><div class="jd_more_san"></div></li><li><em>删除</em></li></ul></div></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span></dt>
											<dt style="width:10%;"><i class="jd_info_rmore"></i><div class="jd_more_div"><ul><li><span>查看信息</span><div class="jd_more_san"></div></li><li><em>删除</em></li></ul></div></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span></span></dt>
											<dt style="width:10%;"><i class="jd_info_rmore"></i><div class="jd_more_div"><ul><li><span>查看信息</span><div class="jd_more_san"></div></li><li><em>删除</em></li></ul></div></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span></dt>
											<dt style="width:10%;"><i class="jd_info_rmore"></i><div class="jd_more_div"><ul><li><span>查看信息</span><div class="jd_more_san"></div></li><li><em>删除</em></li></ul></div></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span></dt>
											<dt style="width:10%;"><i class="jd_info_rmore"></i><div class="jd_more_div"><ul><li><span>查看信息</span><div class="jd_more_san"></div></li><li><em>删除</em></li></ul></div></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span style="color:#55a9ed;">简道小助手</span></dt>
											<dt style="width:10%;"></dt>
										</dl>
									</li>
								</ul>
							</div>

							<div class="jd_info_rlist" style="display:none;" id="info_list2">
								<ul>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span></dt>
											<dt style="width:10%;"><span class="info_ck">恢复访问</span></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span></dt>
											<dt style="width:10%;"><span class="info_ck">恢复访问</span></dt>
										</dl>
									</li>
									<li>
										<dl>
											<dt style="width:5%;"><img src="images/img02.jpg"></dt>
											<dt style="width:10%;"><span>刘涛</span></dt>
											<dt style="width:15%;"><em>15755353399</em></dt>
											<dt style="width:60%;"><span>程序员</span></dt>
											<dt style="width:10%;"><span class="info_ck">恢复访问</span></i></dt>
										</dl>
									</li>
									
								</ul>
							</div>
						

						</div>
					</div>
				</div>
			</div>
		</div>
		<!--全部结束-->

		<script src="js/jquery.min.js" type="text/javascript"></script>
       
		<script src="js/main.js" type="text/javascript"></script>
		<!-- Resource jQuery -->
		<script src="js/jd_nav.js" type="text/javascript"></script>

	</body>

</html>